article .banner li:nth-child(1) em{
    color: #0eb1e6;
}
article .banner li:nth-child(1) p{
    background: #0eb1e6;
}
article .banner li:nth-child(1) .fan_icon{
    background: url("../img/image/18.png") no-repeat 0 0;
}
article .banner li:nth-child(2) .fan_icon{
    background: url("../img/image/21.png") no-repeat 0 0;
}
article .banner li:nth-child(3) .fan_icon{
    background: url("../img/image/23.png") no-repeat 0 0;
}
article .banner li:nth-child(4) .fan_icon{
    background: url("../img/image/24.png") no-repeat 0 0;
}
/*healthy 健康状态*/
article .heal{
    width: 1920px;
    height: 992px;
}
article .heal .heal_u{

    height: 40px;
    background: rgba(0,0,0,0.15);
}
article .heal .heal_u li{
    width:960px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #e6e6e6;
    cursor: pointer;
}
/*article .heal .heal_u li:nth-child(1){
    background: #000;
}*/
/*健康状态3D图*/
 article .heal .heal_t{background: rgba(0,0,0,0.2);}
.heal .heal_u li a{color:#fff; display:block;}
.heal .heal_u li.selected { color:#FFF; background:#000;
   border-top:2px solid #0eb1e6;}
/*效能*/
article .heal .heal_b{
    width: 1920px;
    height: 952px;
    background: rgba(0,0,0,0.25);
    border:1px solid rgba(0,0,0,0.1);
}
article .heal .heal_b .heal_h{
    width: 1900px;
    height: 114px;
    background: rgba(255,255,255,0.15);
    margin-top:24px;
}
article .heal .heal_b .heal_h .heal_p{
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: #e6e6e6;
}
article .heal .heal_b .heal_h ul{
    padding-left: 550px;
}
article .heal .heal_b .heal_h ul .heal_hl{
    margin-left:135px;
    color: #fff;
}
article .heal .heal_b .heal_h ul li:nth-child(1){
    margin-left: 20px;
}
article .heal .heal_b .heal_h ul .heal_hl em{
    font-size: 16px;
    color: #e6e6e6;
}
article .heal .heal_b .heal_h .heal_n{
    font-size:16px;
    color: #0cc22a;
}
article .heal .heal_b .heal_h .heal_l{
    font-size:16px;
    color: #20bcaf;
}
article .heal .heal_b .heal_h .heal_y{
    color: #e3b800;
}
article .heal .heal_b .heal_h .heal_o{
    color: #d1cf00;
}
/*基线曲线*/
article .heal .heal_b .heal_e{

    width: 1920px;
    height: 718px;
    margin-top:56px;
    background:rgba(0,0,0,0);
}

/*基线曲线*/
article .heal .heal_b .heal_e .heal_base{
    width: 960px;
    height: 344px;
}
article .heal .heal_b .heal_e .heal_base .base_h{
    height:35px;
}
article .heal .heal_b .heal_e .heal_base .base_h h5{
    line-height:35px;
    font-size: 16px;
    margin-left:30px;
    color: #e6e6e6;
}
article .heal .heal_b .heal_e .heal_base .base_h p{
    margin-right:66px;
}
article .heal .heal_b .heal_e .heal_base .base_h p .base_em{
    width: 10px;
    height: 10px;
    background: #802525;
    display: inline-block;
    border-radius:10%;
}
article .heal .heal_b .heal_e .heal_base .base_h p .base_ei{
    width: 10px;
    height: 10px;
    margin-left:10px;
    background: #119c64;
    display: inline-block;
    border-radius:10%;
}
article .heal .heal_b .heal_e .heal_base .base_h p i{
    font-size: 11px;
    color: #e6e6e6;
    margin-left:10px;
}

article .heal .heal_b .heal_e .heal_base #base_e{
    width: 100%;
    height: 300px;
}
/*集群曲线*/
article .heal .heal_b .heal_e .heal_colony{
    width: 960px;
    height: 344px;
}
article .heal .heal_b .heal_e .heal_colony .colony_h{
    height:35px;
}
article .heal .heal_b .heal_e .heal_colony .colony_h h5{
    line-height:35px;
    font-size: 16px;
    margin-left:30px;
    color: #e6e6e6;
}
article .heal .heal_b .heal_e .heal_colony .colony_h p{
    margin-right:68px;
 }
article .heal .heal_b .heal_e .heal_colony .colony_h p .base_em{
    width: 10px;
    height: 10px;
    background: #802525;
    display: inline-block;
    border-radius:10%;
}
article .heal .heal_b .heal_e .heal_colony .colony_h p .base_ei{
    width: 10px;
    height: 10px;
    margin-left:10px;
    background: #119c64;
    display: inline-block;
    border-radius:10%;
}
article .heal .heal_b .heal_e .heal_colony .colony_h p i{
    font-size: 11px;
    color: #e6e6e6;
    margin-left:10px;
}
article .heal .heal_b .heal_e .heal_colony  #colony_e{
    width: 100%;
    height: 300px;
}
/*loss 风机功率损失分析*/

article .heal .heal_b .heal_e .heal_loss{
    margin-top: 20px;
    width: 960px;
    height: 380px;
}

article .heal .heal_b .heal_e .heal_loss  #loss_e{
    width: 100%;
    height: 380px;
}
/*mark 风机集群对标*/

article .heal .heal_b .heal_e .heal_mark{
    margin-top: 20px;
    width: 960px;
    height: 380px;
}
article .heal .heal_b .heal_e .heal_mark .mark_h{
    height:35px;
}
article .heal .heal_b .heal_e .heal_mark .mark_h h5{
    line-height:35px;
    font-size: 16px;
    margin-left:30px;
    color: #e6e6e6;
}
article .heal .heal_b .heal_e .heal_mark .mark_h p{
    background: url("../img/images/arvge_03.png") no-repeat 0 0;
    width: 64px;
    height: 38px;
    margin-top:12px;
    margin-right:45px;
}
article .heal .heal_b .heal_e .heal_mark .mark_e_parent{
    position: relative;
    width: 100%;
    height: 360px;
    top:-47px;
}
article .heal .heal_b .heal_e .heal_mark .mark_e_parent .rank{
    background: #000;
    position: absolute;
    left:74px;
    top:46px;
    width: 772px;

}
article .heal .heal_b .heal_e .heal_mark .mark_e_parent .rank li{
    float:left;
    width: 32px;
    text-align: center;
    color:#7f7f7f;
    font-size: 12px;
}
article .heal .heal_b .heal_e .heal_mark  #mark_e{
    width: 100%;
    height: 360px;
}
 .box{
    width: 600px;
    height: 400px;
    position: absolute;
    left:-400px;
    top:-200px;
    display: block;
}
.box-time{
    width: 100%;
    height: 20px;
    background: #ccc;
    z-index:20;
}
#canvas_l{
    position: absolute;
    left: 840px;
    top:358px;
    width: 410px;
    height: 220px;
}
#canvas_r{
    position: absolute;
    left: 1384px;
    top:360px;
    width: 410px;
    height:220px;
}
